import { Menubar, MenubarMenu, MenubarTrigger } from "@/components/ui/menubar";
import Link from "next/link";
import { getTranslations } from 'next-intl/server';

export async function MyMenubar() {
  const t = await getTranslations();
  return (
    <Menubar>
      <MenubarMenu>
        <MenubarTrigger asChild>
          <Link href="/">{t("Home")}</Link>
        </MenubarTrigger>
      </MenubarMenu>
      <span className="px-2 select-none text-muted-foreground">/</span>
      <MenubarMenu>
        <MenubarTrigger asChild>
          <Link href="/blog">{t("Blog")}</Link>
        </MenubarTrigger>
      </MenubarMenu>
      <span className="px-2 select-none text-muted-foreground">/</span>
      <MenubarMenu>
        <MenubarTrigger asChild>
          <Link href="/album">{t("Album")}</Link>
        </MenubarTrigger>
      </MenubarMenu>
    </Menubar>
  );
}
